<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!--yeah-nav.html-可分离-开始-->
<div class="yeah-nav" id="yeah-nav">
    <div class="container" style="position:relative;">
        <div class="row" style="height:147px;">
            <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
                <!--logo-->
                <div class="yeah-logo"><img src="img/logo.png" style="width:130px;"></div>
                <!--搜索-->
                <div class="search">
                    <div class="form">
                        <input class="text" value="" placeholder="请输入机器型号">
                        <span class="photo-search-btn">
                    <span class="upload_bg"></span>
                </span>
                        <button class="button">
                            <p style="font-size: 17px;color:#ffffff">搜索</p>
                        </button>
                    </div>
                </div>
                <!--logo右-->
                <div class="yeah-logo-right"><img src="img/logo.png" style="width:130px;"></div>
            </div>
        </div>
        <!--导航-->
        <ul class="yeah-nav-ul nav nav-pills nav-stacked">
            <li role="presentation" class="active" style="width:193px;"><a href="#">耶回收
            </a>
            </li>
            <li role="presentation" class="yeah-nav-ul-li">
                <a href="#">
                    <i class="iconfont icon-cart"></i>手机回收
                </a>
                <ul id="yeah-nav-ul-hidden-1" class="yeah-nav-ul-hidden">
                    <li class="yeah-nav-item" v-for="peijian in peijian_s">
                        <p>{{ peijian.classify }}</p>
                        <a  href="#" v-for="item in peijian.jixing_s">{{item.jixing}}</a>
                        <span style="float:right"><a href="#">更多</a><i class="iconfont icon-cart"></i></span>
                    </li>
                </ul>
            </li>
            <li role="presentation" class="yeah-nav-ul-li">
                <a href="#"><i class="iconfont icon-cart"></i>电脑回收
                </a>
                <ul id="yeah-nav-ul-hidden-2" class="yeah-nav-ul-hidden">
                    <li class="yeah-nav-item" v-for="peijian in peijian_s">
                        <p>{{ peijian.classify }}</p>
                        <a  href="#" v-for="item in peijian.jixing_s">{{item.jixing}}</a>
                        <span style="float:right"><a href="#">更多</a><i class="iconfont icon-cart"></i></span>
                    </li>
                </ul>
            </li>
            <li role="presentation" class="yeah-nav-ul-li"><a href="#"><i class="iconfont icon-cart"></i>电脑配件回收
            </a>
                <ul id="yeah-nav-ul-hidden-3" class="yeah-nav-ul-hidden">
                    <li class="yeah-nav-item" v-for="peijian in peijian_s">
                        <p>{{ peijian.classify }}</p>
                        <a  href="#" v-for="item in peijian.jixing_s">{{item.jixing}}</a>
                        <span style="float:right"><a href="#">更多</a><i class="iconfont icon-cart"></i></span>
                    </li>
                </ul>
                <script>
                    $(document).ready(function () {
                        $.getJSON("json/goods-1.json",function (result1,status) {
                            var v1 = new Vue({
                                el: '#yeah-nav-ul-hidden-1',
                                data: {
                                    peijian_s: result1,/*手机 数据来源 goods-1.json*/
                                }
                            })
                        });
                        $.getJSON("json/goods-2.json",function (result2,status) {
                            var v2 = new Vue({
                                el: '#yeah-nav-ul-hidden-2',
                                data: {
                                    peijian_s: result2,/*电脑 数据来源 goods-2.json*/
                                }
                            })
                        });
                        $.getJSON("json/goods-3.json",function (result3,status) {
                            var v3 = new Vue({
                                el: '#yeah-nav-ul-hidden-3',
                                data: {
                                    peijian_s: result3,/*电脑配件回收 数据来源 goods-3.json*/
                                }
                            })
                        });
                    });
                </script>
            </li>
        </ul>
        <!--导航结束-->
    </div>
</div>
<!--yeah-nav.html-可分离-结束-->